
<script>
    $(function () {
        $(".show-btn").click(function(){
            $(this).css('display','none');
            $('.show-form').css({'display':'block','opacity':'1'});
        });
        $('.X').click(function(){
            $(".show-btn").css('display','block');
            $('.show-form').css({'display':'none','opacity':'0'});
        });
    })
</script>
<style>
	.a-upload {
		padding: 4px 10px;
		height: 30px;
		margin-bottom: 10px;
		line-height: 20px;
		position: relative;
		cursor: pointer;
		color: #888;
		font-size:12px;
		background: #fafafa;
		border: 1px solid #ddd;
		/*border-radius: 4px;*/
		overflow: hidden;
		display: inline-block;
		*display: inline;
		*zoom: 1
	}

	.a-upload  input {
		position: absolute;
		font-size: 100px;
		right: 0;
		top: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		cursor: pointer
	}

	.a-upload:hover {
		color: #444;
		background: #eee;
		border-color: #ccc;
		text-decoration: none
	}
</style>


<link rel="stylesheet" href="__STATIC__/css/formstyle.css">

<div class="float-form">
	<div class="show-btn" style="display: block;">
		<img src="__STATIC__/images/mail-icon.png">
		Connect with Us
	</div>
	<script type="text/javascript">

        function validate_required(field,alerttxt)

        {

            with (field)

            {

                if (value==null||value=="")

                {alert(alerttxt);return false}

                else {return true}

            }

        }



        function validate_form(thisform)

        {

            with (thisform)

            {

                if (validate_required(name,"Name is required.")==false)

                {name.focus();return false}

                if (validate_required(email,"Email is required.")==false)

                {email.focus();return false}

//                if (validate_required(phone,"Phone is required.")==false)
//
//                {phone.focus();return false}

                if (validate_required(comment,"Comment is required.")==false)

                {comment.focus();return false}

            }

        }

	</script>

	<div class="show-form" style="display: none; opacity: 0;">
		<div class="show_form_title">
		<span class="X">X</span>
			<h3>SECRET DOLLS<b>Contact Us</b></h3>
		</div>
		<div class="show_form_content">


			<img src="__STATIC__/images/email_icon.png" style="width: 20px; vertical-align:middle; margin-right: 5px;" > <a href="mailto:service@secret-doll.com">service@secret-doll.com<img src="__STATIC__/images/emailgif.gif" width="30" style="vertical-align: middle; margin-left: 5px; float: right;" ></a><br >

			<div style="width: 100%; height: 1px; overflow:hidden; background: #f9fafa; margin: 10px 0;"></div>
			<img src="__STATIC__/images/tel_icon.png" style="width: 20px; vertical-align:middle; margin-right: 5px;" > +86-760-87905952<br >
		</div>

	</div>
</div>



<div class="footer clearfix container">
	<div class="col-sm-8 col-xs-12 footRight clearfix pd0">
		<div class="clearfix">
			
			<div class="col-sm-12 col-md-4 pd0">
				<b>SECRET DOLLS</b>
                    PHONE:+86(760)87905952<br  />
                    FAX:+86(760)86938508<br  />
                    EMAIL:service@secret-doll.com<br  />
                    WEBSITE:www.secret-dolls.com
                    <div class="clear"></div>
			</div>
            
            			
			<div class="col-sm-12 col-md-4 pd0 footerlink">
				<b>CUSTOMER SERVICES</b>
                    
                    <a href="{:U('Home/User/login')}">My Account</a>
                    <a  href="{:U('Home/User/order_list')}" >Ordering</a>
                    
                    <tpshop sql="select * from `__PREFIX__article` where cat_id = 2 and is_open=1  order by sort asc,article_id desc" key="k2" item='v2'>
                        <a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[$title]}</a>
                    </tpshop>
                    <a  href="{:U('Home/Article/detail',array('article_id'=>25))}">Help</a>
                    <div class="clear"></div>
			</div>
            
            	
			<div class="col-sm-12 col-md-4  footerlink pd0">
				<b>COMPANY</b>
                    <a href="{:U('Home/Article/detail',array('article_id'=>6))}">About us</a>
                    <a href="{:U('Home/Messages/messages_list')}">Contact us</a>
                    <a  href="{:U('Home/Index/joinus')}">Become a dealer</a>
                    <div class="clear"></div>
			</div>
            
           
		</div>
		
	</div>
    
    
	<div class="col-sm-4 col-xs-12 footRight clearfix pd0">
    	<b>MAILING LIST</b>
                   Get Product News, Specials, & Exclusives!<br  />
                    <div class="clear"></div>
                    <form name="sourch_form" id="gather_form" method="post"  >

				<input type="button" class="Ssub" value="SUBSCRIBE" onclick="check_form1();" style=" float:right; height:41px; background:none; position:absolute; right:0; color:#9d9da3; width:115px;">

					<input type="text" class="Stext" name="g_email" id="g_email" placeholder="Your Email" style="width:256px; height:41px; width:100%; border:none;border-bottom:1px solid #9a9a9a; ">


<script>







    function check_form1(){

        var email= $('#g_email').val();

        if(email==''||email==null){

            layer.msg('Mailbox cannot be empty.', {

                icon: 1,

                time: 2000

            });

        }

        var reg = /^[a-z0-9]([a-z0-9\\.]*[-_]{0,4}?[a-z0-9-_\\.]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+([\.][\w_-]+){1,5}$/i;

        if (!reg.test(email)){

            layer.msg('Incorrect email format', {

                icon: 1,

                time: 2000

            });

        }else{

            $.ajax({

                type : "post",

                url:"{:U('Home/Index/gather_email')}",//+tab,

                data :{email:email},// 你的formid 搜索表单 序列化提交

                dataType: 'json',

                success: function(data) {

                    layer.msg(data.msg, {

                        icon: 1,

                        time: 2000

                    });

                }

            });

        }

    }

</script>




				</form>
    </div>
    <div class="clear"></div>
    
	<img src="__STATIC__/images/footer_logo.jpg" class="xsimg60" />
</div>

<div id="copyright" class="container">
	<div class="col-md-4 col-xs-12 copyright_content">© 2018 SUNWE GROUP. All Rights Reserved.</div>
	<div class="col-md-4 col-xs-12 copyright_img">
    	<a href="https://www.instagram.com/vinozhang918/" target="_blank"><img src="__STATIC__/images/instagram.png"  /></a>
        <a href="https://www.youtube.com/channel/UC13Xd_bGy5MNuEfLHU4Iusw" target="_blank"><img src="__STATIC__/images/im-youtube.png"  /></a>
        <a href="https://www.facebook.com/SECRETDOLLSLLC" target="_blank"><img src="__STATIC__/images/nfacebook.png"  /></a></div>
</div>


<div class="backtop"><img src="__STATIC__/images/backtop.png" /></div>
<style>
.backtop{position:fixed;bottom:20px;right:20px;z-index:999;display:none;cursor:pointer}
</style>
<script>

jQuery(window).scroll(function () {
    if (jQuery(window).scrollTop() > 150 ) {
        jQuery(".backtop").show();
    }else{
        jQuery(".backtop").hide();
    }
});
jQuery('.backtop').click(function(){jQuery('html,body').animate({scrollTop: '0px'}, 500);});
</script>